//导入包
import 'package:flutter/material.dart';

//应用入口
void main() => runApp(MyApp());

//应用结构
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      //Material应用程序以MaterialApp widget开始
      //标题
      title: 'flutter widget',
      //应用程序的主题，各种的定制颜色都可以设置，用于程序主题切换
      theme: ThemeData(
        //主题色 蓝色
        primarySwatch: Colors.blue,
      ),
      //该颜色为Android中程序切换中应用图标背景的颜色，当应用图标背景为透明时
      color: Colors.green,
      //Scaffold实现了基本的纸墨布局结构包含appBar  body  drawer  悬浮按钮 bottomNavigationBar,基本用到的都会涵盖
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter之text组件'),
          centerTitle: true,
          primary: true, //是否设置内容避开状态栏
        ),
        body: Center(
          // child: Text(
          //   '我是前端开发者小招，喜欢flutter，愿意为之学习实践而努力。',
          //   textAlign: TextAlign.center,
          //   maxLines: 3,
          //   overflow: TextOverflow.ellipsis,
          //   style: TextStyle(
          //       height: 1.0,
          //       fontSize: 30.0,
          //       color: Color.fromARGB(255, 100, 10, 10),
          //       decoration: TextDecoration.underline,
          //       decorationStyle: TextDecorationStyle.dashed,
          //       decorationColor: Colors.red),
          // ),
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
              new Text(
                '我是前端开发者小招，喜欢flutter，愿意为之学习实践而努力，这是文字元件基本使用说明。。。',
                textAlign: TextAlign.center,
                maxLines: 4,
                overflow: TextOverflow.ellipsis,
                style: TextStyle(
                    height: 1.0,
                    fontSize: 30.0,
                    color: Color.fromARGB(255, 100, 10, 10),
                    decoration: TextDecoration.underline,
                    decorationStyle: TextDecorationStyle.dashed,
                    decorationColor: Colors.red),
              ),
              new RichText(
                text: TextSpan(
                  text: '这是一段开始和结尾不一样的内容',
                  style: TextStyle(
                    fontSize: 22.0,
                    color: Colors.black,
                    fontStyle: FontStyle.italic
                  ),
                  children: <TextSpan>[
                      TextSpan(
                        text: '这是不一样的内容1',
                        style: TextStyle(
                          fontSize: 16.0,
                          color: Colors.red.withOpacity(0.6)
                        )
                      ),
                      TextSpan(
                        text: '这是不一样的内容2',
                        style: TextStyle(
                          fontSize: 28.0,
                          color: Colors.blueGrey,
                          fontWeight: FontWeight.bold,
                          fontFamily: 'HanaleiFill'
                        )
                      )
                  ]
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}
